<template>
  <div class="hospital-container">

   <div class="name2">
     <el-table
    :data="tableData"
    stripe
    style="width: 100%,margin:0 10px">
    <el-table-column
      prop="date"
      label="序号"
      text-align="center"
      width="106">
    </el-table-column>
    <el-table-column
      prop="name"
      label="登录账号"
      width="250"
      text-align="center"
      >
    </el-table-column>
     <el-table-column
      prop="name"
      label="患者姓名"
      text-align="center"
      width="380">
    </el-table-column>
    <el-table-column
      prop="address"
      label="年龄"
      >
    </el-table-column>
     <el-table-column
      prop="age"
      label="问诊次数"
      width="260">
    </el-table-column>
     <el-table-column
      prop="zige"
      label="支付总额"
      width="220">
    </el-table-column>
     <el-table-column
     to="/index.vue"
      prop="cz"
      label="操作"
      width="280"
      >
      <el-button type="primary" icon="el-icon-edit" circle @click="about"></el-button>
    </el-table-column>
  </el-table>
  </div>
  <el-pagination
  background
  layout="prev, pager, next"
  :total="1000">
</el-pagination>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick (row) {
      console.log(row)
    },
    about () {
      console.log(1)
      this.$router.push('iindex')
    }
  },
  data () {
    return {
      tableData: [{
        date: '1',
        name: '123456765432',
        address: '张三',
        dengji: '22',
        age: '5',
        zige: '67',
        cz: '详情'
      }, {
        date: '2',
        name: '12345432',
        address: '李四',
        dengji: '26',
        age: '8',
        zige: '156',
        cz: '详情'
      }, {
        date: '3',
        name: '23456543',
        address: '王二麻子',
        dengji: '28',
        age: '10',
        zige: '134',
        cz: '详情'
      }]
    }
  }
}
</script>

<style>
  .hospitalManageMnet{
    height: 50px;
    border-bottom: 2px solid #2F95F6;
    font-size: 30px;
    line-height: 50px;
    text-indent: 20px;
  }
  .physician{
    margin-left: 350px;
  }
  .examine button{
    height: 35px;
    width: 95px;
    background: #2F95F6;
    line-height: 35px;
  }
  select{
    height: 35px;
    width: 136px;
    color: #9E9E9E;

  }
  input{
  height: 30px;

  color:#cccc
}
.el-table .cell{
  text-align: center;
}
.el-table th>.cell{
  font-size: 20px;
  color: #000;
}
.el-table th {
  background:#F2F2F2;
}
.el-pagination {
  margin-top: 350px;
}
.el-table td{
  border-left: 1px solid #F0F0F0;
  height: 80px;
}
.name2{
  margin-top:70px
}
</style>
